@namespace SE.PO.CInterface.Web.Pages.Dashboard.Analysis.Components
@using SE.PO.CInterface.Web.Clients
@inherits AntDomComponentBase
@inject DeviceClient Client

<Row Type="flex" Gutter="24">
    @if (DeviceSummaries != null)
    {
        foreach (var summary in DeviceSummaries)
        {
            <div>
                <Card Title=@summary.Title>
                    @foreach (var monitor in summary.Monitors)
                    {
                        <CardGrid Style="width:25%;text-align:left" Hoverable="true">
                            <Tag Style="text-align: center;  width: 100%;" Color="blue-inverse">监控名：@monitor.MonitorName</Tag>
                            <Tag Style="margin: 5px 0 5px 0;
                                            text-align: left;
                                            width: 49%;" Color="@PresetColor.Purple.ToString()">编码：@monitor.Code</Tag>
                            <Tag Style="margin: 5px 0 5px 0;
                                            width: 49%;
                                            text-align: left;
                                            float: right;" Color="@PresetColor.Magenta.ToString()">数量：@monitor.Count</Tag>
                        </CardGrid>
                    }

                </Card>
            </div>

           
        }
    }
</Row>
